<template>
  <div>
    <my_func1 v-if="function_index == 1" />
    <my_func2 v-if="function_index == 2" />
    <my_func3 v-if="function_index == 3" />
  </div>
</template>

<script>
import my_func1 from "@/components/my_func1.vue";
import my_func2 from "@/components/my_func2.vue";
import my_func3 from "@/components/my_func3.vue";

export default {
  data() {
    return {
      function_index: "",
    };
  },
  components: {
    my_func1,
    my_func2,
    my_func3,
  },
  mounted() {
    this.function_index = this.$route.query.function_index;
  },
};
</script>
